<template>
  <div id="app">
    <Head></Head>
    <div class="body">
      <a-row :gutter="24">
        <a-col :xl="18" :lg="18" :md="24" :sm="24">
          <router-view />
        </a-col>
        <a-col :xl="6" :lg="6" :md="24" :sm="24">
          <Recommend></Recommend>
        </a-col>
      </a-row>
    </div>
    <Foot></Foot>
  </div>
</template>

<script>
import Recommend from "@/components/Recommend";
import Head from "@/components/Head";
import Foot from "@/components/Foot";


export default {
  components: { Head, Foot, Recommend },
  name: "App",
  data() {
    return {
    };
  },
  created() {
  },
  methods: {
  },
  beforeRouteEnter(to, from, next) {   //进入 // 不能获取组件实例 `this`
    console.log(to)
    next()
  },

};
</script>

<style>
#app {
  background-color: #f1f1f1;
}
</style>
